.task-date {
  border-bottom: 1px solid $color-placeholder;
  padding: 0 10px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;

  .title {
    .image {
      margin-right: 5px;
    }
  }

  .date {
    display: flex;
    align-items: center;

    .image {
      margin-left: 5px;
    }
  }
}

.basic-search-box {
  background-color: $page-bg;
  min-height: 100vh;
  overflow: auto;

  // 表格样式
  .table-box {
    margin: 10px;
    padding: 10px;
    padding-top: 0;
    border-radius: 5px;
    font-size: 12px;
    background-color: $color-fff;

    .table-row {
      padding-top: 5px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      box-sizing: border-box;
      margin-bottom: 5px;

      .left {
        display: flex;
        align-items: center;
        width: 100%;

        .image {
          width: 30px;
          height: 30px;
        }

        &-value {
          margin-left: 5px;
          width: 100%;

          >view {
            width: 96%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }

          .type {
            font-size: 12px;
            margin-top: 5px;
            position: relative;

            .priority {
              position: absolute;
              right: 0;

              .image {
                margin-left: 5px;
                width: 15px;
                height: 15px;
              }
            }
          }
        }
      }

      .right {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: center;

        >text:nth-of-type(1) {
          font-weight: 700;
          white-space: nowrap;
          text-align: right;
        }

        >view {
          font-weight: 700;
          white-space: nowrap;
          text-align: right;
          display: flex;
          align-items: center;


          .checked {
            position: absolute;
            top: -15px;
            right: -15px;
            margin-left: 5px;
            color: #ccc;
          }

          .active-checked {
            color: #86D794;
            transition: .5s;
          }
        }

        >text:nth-last-of-type(1) {
          white-space: nowrap;
          transform: scale(0.8);
          text-align: center;
        }
      }


    }

    .baisc-row {
      display: flex;
      align-items: center;
      justify-content: space-between;

      .image {
        width: 10px;
        height: 10px;
      }
    }


    .buttons {
      margin-top: 10px;
      border-top: 1px solid #303030;
      display: flex;
      justify-content: flex-end;

      >view {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-top: 10px;
        width: 30px;
        font-size: 18px;
      }
    }
  }
}